<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="idFormSegInformeMensual">
            <center>  
                <p:panel  header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ"> 

                    <p:panel header="Seguimiento Informe Mensual">

                        <h:panelGrid columns="2" dir="right" >
                            <h:outputText value="Nombre: " />
                            <p:inputText value="" size="55" id="idNomEstudianteInformeMen"/>	

                            <h:outputText value="Empresa: " />
                            <p:inputText value="" size="55" id="idNomEmpresaInformeMen"/>

                            <h:outputText value="Proyecto: " />
                            <p:inputText value="" size="55" id="idNomProyectoInformeMen"/>	

                            <h:outputText value="Fecha Inicial: " />
                            <p:calendar value="#{calendarBean.date3}" id="idFechaInicialInformeMenIni" showOn="button" />

                            <h:outputText value="Fecha Final: " />
                            <p:calendar value="#{calendarBean.date3}" id="idFechaFinalInformeMenFin" showOn="button" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel>
                        <p:dataTable id="idTablaInformeMen">
                            <p:column headerText="Fecha inicial">
                                <p:calendar value="#{calendarBean.date3}" id="idFechaInicialTablaInforMen" showOn="button" />
                            </p:column>

                            <p:column headerText="Fecha Final ">
                                <p:calendar value="#{calendarBean.date3}" id="idFechaFinalTablaInforMen" showOn="button" />
                            </p:column>

                            <p:column headerText="Hito">
                                <p:inputText value="" id="idHitoInformeMen"/>
                            </p:column>

                            <p:column headerText="Descripción">
                                <p:inputText value="" id="idDescripcionInformeMen"/>
                            </p:column>

                            <p:column headerText="Observaciones">
                                <p:inputText value="" id="idObservacionesIformeMen" />
                            </p:column>
                        </p:dataTable>
                    </p:panel>

                    <p:panel>
                        <h:panelGrid columns="2" dir="right">
                            <h:outputText value="Estudiante Practicante: " />
                            <p:selectBooleanCheckbox value="" id="idAprobarEstudianteInformeMen" /> 

                            <h:outputText value="Supervisor Entidad: " />  
                            <p:selectBooleanCheckbox value="" id="idAprobarSupEntidadInformeMen"/>
                        </h:panelGrid>
                    </p:panel>

                    <p:panel>
                        <center>

                            <p:splitButton value="Opciones" icon="ui-icon-open" id="idBtnOpcionesInformeMen">  
                                <p:separator />  
                                <p:menuitem value="Inicio" url="http://localhost:8084/PrototipoSp2/faces/ObjetivoInicial.xhtml" icon="ui-icon-extlink"/>  
                            </p:splitButton>

                            <p:commandButton value="Guardar" id="idBtnGuardarInformeMen" />
                            <p:commandButton value="Cancelar" id="idBtnCancelarInformeMen"/>
                            <p:commandButton value="Imprimir o descargar" type="button" icon="ui-icon-print">  
                                <p:printer target="idFormSegInformeMensual" />  
                            </p:commandButton>
                        </center>
                    </p:panel>
                </p:panel>
            </center>
            <h:outputText value="Fundación Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>    
        </h:form>
    </ui:define>
</ui:composition>
